<template>
    <div class="work-content flex-jc-center">
        <div class="z-layout">
            <div class="content-manu">
                <el-button-group>
                    <el-button type="primary" plain icon="el-icon-s-management" size="small">班级</el-button>
                    <el-button type="primary" plain icon="el-icon-document-copy" size="small">作业</el-button>
                </el-button-group>
            </div>
            <div>
                123
            </div>

        </div>        
    </div>
</template>

<script lang='ts'>
import { ref,reactive,toRefs,defineComponent,onMounted,getCurrentInstance} from 'vue'
export default defineComponent({
    name:'',
    setup: ()=>{
        let data = reactive({
            isCollapse: true
        })
        const { proxy } = getCurrentInstance() as any;
         
        return {
           ...toRefs(data),
        }
    }
})
</script>
<style lang="scss" scoped>
.content-manu{
    margin-bottom: 1.4286rem;
}
</style>